<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>

  <script src="jquery-3.7.1.min.js"></script>
  <!--  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>-->

</head>
<body>
<form action="">


  <input type="text" placeholder="文本输入框">

  <textarea placeholder="文本区域"></textarea>


  <input type="text" placeholder="文本输入框">
  <input type="password" placeholder="密码输入框">

  <select>

    <option>选项1</option>

  </select>

  <button>按钮</button>


  <input type="radio" name="gender" value="male"> 男
  <input type="radio" name="gender" value="female"> 女

  <input type="submit" value="提交"> <input type="reset" value="重置"> <input type="button" value="普通">

  <button>这也是普通按钮</button>


</form>


<script>

  // $(":password").css('background', 'purple');
  // $(":radio").css('background', 'purple');
  // $(":text").css('background', 'yellow');
  // $(":input").css('background', 'red');
</script>
</body>
</html>
